<template>
  <!-- #region template -->
  <div>
    <BButtonGroup
      size="sm"
      aria-label="Large button group"
    >
      <BButton variant="secondary">Left</BButton>
      <BButton variant="secondary">Middle</BButton>
      <BButton variant="secondary">Right</BButton>
    </BButtonGroup>
  </div>
  <div class="mt-3">
    <BButtonGroup
      size="md"
      aria-label="Small button group"
    >
      <BButton variant="secondary">Left</BButton>
      <BButton variant="secondary">Middle</BButton>
      <BButton variant="secondary">Right</BButton>
    </BButtonGroup>
  </div>
  <div class="mt-3">
    <BButtonGroup
      size="lg"
      aria-label="Large button group"
    >
      <BButton variant="secondary">Left</BButton>
      <BButton variant="secondary">Middle</BButton>
      <BButton variant="secondary">Right</BButton>
    </BButtonGroup>
  </div>
  <!-- #endregion template -->
</template>
